body {	background-color: #ffffff;
		color: #330000;
		font-family: futura, sans-serif;
		margin: 0 auto;}
		
h1 { color: #7cb4de; }

#sidebar {	float:left;
			width:250px;
			background-color: #282f3e;
			display: block;
			height: 100%;
			position: fixed;
			overflow: auto;}
			
#sidebar a { list-style-type: none;
			font-size: 1.5em;
			font-weight: bold;}

#wrap {	width:750px;
		margin:0 auto;
		background:#99c;}
		
#main {	float:right;
		width: 1000px;
		padding:50px;
		background:#FFFFFF;}
		
#sidebar a:link	{	color: #ffffff;
					padding: 10px;
					display: block;
					margin: -10px;
					text-decoration: none;}

#sidebar a:active {	text-decoration: none;}

#sidebar a:visited {	color: ffffff;
					text-decoration: none;}

#sidebar a:hover {	background-color: #7cb4de;}
			
/*contains navigation and top login button*/
#navbar{
	margin: 0 auto;
	position: fixed;
	top: 15px;
	width: 100%;
	z-index: 2;
}

#navbar a{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}
		#login_link { color: #fff; }

#navbar a:hover{
	color: #7cb4de;
}
		/*top login buttons*/
		#login_reg_links{
			display: ;
			float: left;
			margin: 0px 0px 0px 30px;
		}
		
		/*shows when logged in*/
		#logged_in{
			float: left;
			margin-left: 30px;
			display: none;
		}
		
		/*navigation links*/
		#nav{
			float: right;
			margin-right: 30px;
			margin-top: 0;
			color: #000000;
		}
		
		#nav ul{
			list-style-type: none;
		}
		
		#nav li{
			display: inline;
			margin-right: 10px;
		}
	
